<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>WPF/E and Video</title>
        <script type="text/javascript" src="aghost.js"></script>
    </head>

    <body>
        <!-- Where the WPF/E ActiveX control will go-->
        <div id="agControl1Host">
        </div>

        <script type="text/javascript">
            // Create the WPF/E ActiveX control.
            // The technique here enables your WPF/E content to receive
            // input before its ActiveX control is clicked.
            new agHost(
                "agControl1Host",   // hostElementID (The HTML element inside of which
                                    // the WPF/E ActiveX control is inserted.
                                    // This element is usually a <div>)
                                    // If you change the name of the host HTML element,
                                    // change it here too.
                "agControl1",       // The ID of the WPF/E ActiveX control to create.
                "100px",            // The width of the control.
                "100px",            // The height of the control.
                "#D6D6D6",          // The background color of the control.
                null,               // SourceElement (name of script tag containing XAML)
                "myxaml.xaml",      // The uri of the source file that
                                    // contains the WPF/E content.
                "false",            // IsWindowless
                "30",               // MaxFrameRate
                null                // OnError handler.
                                    // You can set this to a method name (no quotes).
            );

            // Create a global variable for the WPF/E ActiveX control,
            // to use when you want to retrieve named XAML elements. 
            var agControl = document.getElementById("agControl1");
        </script>
        <script type="text/javascript" src="myscript.js"></script>
    </body>
</html>
